Learn about Web Components: create reusable HTML tags with JavaScript for progressive web app enhancement, framework compatibility, and independent deployment.
Create a Lit web component with CodeMirror and Material Design for a dynamic code window, using Vite and TypeScript.
This article provides a tutorial on setting up a Lit web component and using it to build a Figma plugin, including project setup, dependencies, and build scripts, with the complete source code available on GitHub.
Embed and utilize Lit web components within Flutter applications to access device APIs and create cross-platform apps with automatic updates.
Create a live, updatable HTML element sandbox using Lit and Vite, with detailed setup instructions and a working demo.
Create an interactive DOM with CSS transforms using Lit, Vite, and TypeScript, as demonstrated in this tutorial with code and a live demo.
Create a 2D/3D force graph using Lit, with setup instructions, dependencies, and a basic template.
Create a dynamic HTML table from JSON data using Lit and Vite, with setup instructions and a working example.
Build a VS Code extension using Lit and Monaco Editor to create a web-based code editor; source code and a live demo are available.
This tutorial demonstrates how to set up and use a Lit web component for creating a rich text editor, including project setup, configuration, and a basic HTML template.
Render sheet music from MusicXML files in a web component using Lit, OpenSheetMusicDisplay, and Vite, with automatic resizing for different screen widths.
Create a VSCode extension using Lit web components with Vite, TypeScript, and a pre-configured build process.
Developer exploring various tech stacks and personal website migrations, including Wix, Github Pages with Jekyll, 11ty, Lit, and Obsidian Publish, to optimize workflow and showcase explorations.
This article details how to build a static site multi-page application using file-based routing with TypeScript, including setup instructions for a project structure, `tsconfig.json`, and `package.json` files.